<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-CN" class="no-js">
<!--<![endif]-->

<head>
    <meta charset="UTF-8">
    <title>测试模版引擎 - index</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="MobileOptimized" content="320">
    <link rel="shortcut icon" href="favicon.ico" />
    <link href="resources/css/public.css" rel="stylesheet" type="text/css"/>
    <link id="style_themes" href="resources/css/themes-default.css" rel="stylesheet" type="text/css"/>
    
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/default.min.css">
    
    <!--[if !IE]><!-->
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script>
    <!--<![endif]-->
    
    
</head>
<body>
<div class="header navbar navbar-inverse navbar-fixed-top">

    <div class="header-inner">
    
        <!-- BEGIN LOGO -->
        <a class="navbar-brand logo" href="index.html">
            <i class="icon icon-logo-analytics"></i>
        </a>
        <!-- END LOGO -->
        <ul class="nav navbar-nav">
        
            <li class="active">
                <a href="javascript:;">实例</a>
            </li>
            <li>
                <a href="https://github.com/hypers/pagurian" target="_blank">源码下载</a>
            </li>
        </ul>

        <div class="nav_right">
            
            <ul class="nav userbar pull-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                        
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><i class="fa fa-user"></i>  基本信息</a></li>
                        <li><a href="#"><i class="fa fa-envelope"></i>  我的消息</a></li>
                        <li><a href="#"><i class="fa fa-power-off"></i>  退出系统</a></li>
                    </ul>
                </li>
            </ul>
            
        </div>

    </div>
 
</div>
<div class="clearfix"></div><!-- BEGIN CONTAINER -->
<div class="page-container">

    <div class="page-sidebar-wrapper">
        <div class="page-sidebar navbar-collapse collapse">
            <!-- BEGIN SIDEBAR MENU -->
            <ul class="page-sidebar-menu">
                    <li  class="open">
                        <a href="javascript:;">
                            <i class="fa fa-picture-o"></i>
                            <span class="title">主题</span>
                            <span class="arrow open"></span>
                        </a>
                         <ul class="sub-menu">
                            <li>
                                <a href="theme-color.html">配色 Color</a>
                            </li>
                            <li>
                                <a href="#">按钮 Button</a>
                            </li>
                        </ul>
                    </li>
                    <li  class="open">
                        <a href="javascript:;">
                            <i class="fa fa-briefcase"></i>
                            <span class="title">组件</span>
                            <span class="arrow open"></span>
                        </a>
                         <ul class="sub-menu">
                            <li>
                                <a href="#">表单 Form</a>
                            </li>
                            <li>
                                <a href="#">对话框 Dialog</a>
                            </li>
                            <li>
                                <a href="#">警告框 Alert</a>
                            </li>
                            <li>
                                <a href="#">提示框 Tooltip</a>
                            </li>
                            <li>
                                <a href="#">弹出框 Popover</a>
                            </li>
                        </ul>
                    </li>
                    <li  class="open">
                        <a href="javascript:;">
                            <i class="fa fa-puzzle-piece"></i>
                            <span class="title">插件</span>
                            <span class="arrow open"></span>
                        </a>
                         <ul class="sub-menu">
                            <li>
                                <a href="#">DataTables</a>
                            </li>
                            <li>
                                <a href="#">Echarts</a>
                            </li>
                            <li>
                                <a href="#">Date Pickers</a>
                            </li>
                        </ul>
                    </li>
                    <li  class="open">
                        <a href="javascript:;">
                            <i class="#"></i>
                            <span class="title">单页</span>
                            <span class="arrow open"></span>
                        </a>
                         <ul class="sub-menu">
                            <li>
                                <a href="#">登录</a>
                            </li>
                        </ul>
                    </li>
                    <li  class="open">
                        <a href="javascript:;">
                            <i class="fa fa-book"></i>
                            <span class="title">规范</span>
                            <span class="arrow open"></span>
                        </a>
                         <ul class="sub-menu">
                            <li>
                                <a href="#">目录设计</a>
                            </li>
                            <li>
                                <a href="#">Javascript规范</a>
                            </li>
                            <li>
                                <a href="#">CSS规范</a>
                            </li>
                        </ul>
                    </li>
    
            </ul>
            <!-- END SIDEBAR MENU -->
        </div>
    </div>
    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper">

        <div class="page-content">

            <div class="theme-panel hidden-xs hidden-sm">
                <div class="toggler" style="display: block;">
                </div>
                <div class="toggler-close" style="display: none;">
                </div>
                <div class="theme-options" style="display: none;">
                    <div class="theme-option theme-colors clearfix">
                        <span>
                            模版颜色
                        </span>
                        <ul>
                            <li data-style="green" class="color-green current color-default"></li>
                            <li data-style="blue" class="color-blue"></li>
                            <li data-style="purple" class="color-purple "></li>
                            <li data-style="orange" class="color-orange"></li>
                            <li data-style="red" class="color-red"></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <h3 class="page-title">
                        
                    </h3>
                </div>
            </div>

            <!-- BEGIN PAGE CONTENT-->
            <div class="row">
                <div class="col-md-6">

                    <div class="portlet box default">
                        <div class="portlet-title">
                            <div class="caption">
                                Success
                            </div>

                        </div>
                        <div class="portlet-body">

                            <div class="alert alert-success">
                                <strong>成功 (绿色)</strong> 报表保持成功
                            </div>
                            <div class="markdown inner">
                                <pre class="prettyprint"><code class="language-js hljs ">$p.com.alert(<span
                                        class="hljs-string">"报表保持成功"</span>, <span class="hljs-string">"success"</span>);</code></pre>
                                <a class="btn btn-default" href="javascript:;" id="btn_alert_1">Run</a>
                            </div>


                        </div>
                    </div>
                    <div class="portlet box default">
                        <div class="portlet-title">
                            <div class="caption">
                                Info
                            </div>

                        </div>
                        <div class="portlet-body">


                            <div class="alert alert-info">
                                <strong>普通信息 (蓝色)</strong> 您有5条系统提醒未读
                            </div>
                            <div class="markdown inner">
                                <pre class="prettyprint"><code class="language-js hljs ">$p.com.alert(<span
                                        class="hljs-string">"您有5条系统提醒未读"</span>, <span class="hljs-string">"info"</span>);</code></pre>
                                <a class="btn btn-default" href="javascript:;" id="btn_alert_2">Run</a>
                            </div>


                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="portlet box default">
                        <div class="portlet-title">
                            <div class="caption">
                                Warn
                            </div>

                        </div>
                        <div class="portlet-body">


                            <div class="alert alert-warning">
                                <strong>警告 (黄色)</strong> 您将要删除该项目
                            </div>
                            <div class="markdown inner">
                                <pre class="prettyprint"><code class="language-js hljs ">$p.com.alert(<span
                                        class="hljs-string">"您将要删除该项目"</span>, <span
                                        class="hljs-string">"warning"</span>);</code></pre>

                                <a class="btn btn-default" href="javascript:;" id="btn_alert_3">Run</a>
                            </div>


                        </div>
                    </div>

                    <div class="portlet box default">
                        <div class="portlet-title">
                            <div class="caption">
                                Error
                            </div>
                        </div>
                        <div class="portlet-body">

                            <div class="alert alert-danger">
                                <strong>错误 (红色)</strong> 数据加载错误!找不到您筛选的数据,请尝试刷新页面!
                            </div>
                            <div class="markdown inner">
                                <pre class="prettyprint"><code class="language-js hljs ">$p.com.alert(<span
                                        class="hljs-string">"找不到您筛选的数据,请尝试刷新页面!"</span>, <span class="hljs-string">"error"</span>);</code></pre>

                                <a class="btn btn-default" href="javascript:;" id="btn_alert_4">Run</a>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
            <!-- END PAGE CONTENT-->
        </div>
    </div>
    <!-- END CONTENT -->
</div>
<!-- END CONTAINER -->

<div class="footer fixed">
    <span class="copyright">COPYRIGHT HYPERS 2014</span>


    <div class="link">
        <a href="https://github.com/hypers/pagurian/issues" target="_blank">问题反馈</a>
    </div>
</div>
<script src="pagurian.js" ></script>

<!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
    (function(i,d,t,o,u,h,c,p){i[t]=i[t]||[],i[t].push(h);i[h] = i[h]||function()
    {return (i[h].q=i[h].q||[]).push(arguments)};i[h].end?i[h]("track",h,c,p):(function(s,f)
    {i[h].end=1;s=d.createElement(o);s.src=u;f=d.getElementsByTagName(o)[0];
    f.parentNode.insertBefore(s,f);i[h]("track",h,c,p)})()})(window,document,
    "HyperAnalyticsObject","script","//t.hypers.com.cn/hwt.js?v=1.3","_ha",{
        UA:"477",
        API_URL:"//t.hypers.com.cn/cgi-bin",
        SWF_URL:"//t.hypers.com.cn/hwt.swf#",
        IFRAME_URL:"//t.hypers.com.cn/iframe.html"
     });
</script>
<div style="display:none">
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1254744731'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/stat.php%3Fid%3D1254744731' type='text/javascript'%3E%3C/script%3E"));</script>
</div>
<script type="text/javascript">
    pagurian.call("modules/com/app", function (app) {
        app.page.alert();
    });
</script>
</body>
</html>